<template>
	<view class="zy-column-full">
		<!-- <image src="@/static/img/login-bg.png" style="width: 100%; height: 100rpx;" mode="scaleToFill"></image> -->
		<view class="zy-page-padding">
			<!-- 标题 -->
			<view class="zy-title-login zy-mt-100">Sign Up</view>
			<!-- 账号 -->
			<view class="zy-text-gray-light-lg zy-mt-50">Full name</view>
			<view class="zy-row zy-input zy-mt-sm">
				<input placeholder="Mobile number" placeholder-class="zy-input-place" />
			</view>
			<!-- 密码 -->
			<view class="zy-text-gray-light-lg zy-mt-50">Password</view>
			<view class="zy-row zy-input zy-mt-sm">
				<input placeholder="password" placeholder-class="zy-input-place" password />
			</view>
			<!-- 忘记密码 -->
			<view class="zy-row-center zy-text-main-sm zy-mt" @click="toForgetPassword">
				Forget your Password
			</view>
			<!-- 登录及 -->
			<zy-button class="zy-mt-100" content="Login" @click="toHome"></zy-button>
			<zy-button class="zy-mt-lg" content="Pay By Gcash" color="yellow" @click="toLoginPay"></zy-button>
		</view>
	</view>
</template>

<script>
	import RouteUtil from '@/common/RouteUtil'
	export default {
		data() {
			return {}
		},
		methods: {
			toForgetPassword() {
				RouteUtil.toForgetPassword()
			},
			toHome() {
				RouteUtil.toHome()
			},
			toLoginPay() {
				RouteUtil.toLoginPay()
			},
		}
	}
</script>

<style>
	
</style>
